<template>
  <!-- 底部导航 -->
  <footer class="bg-gray-800 text-white pt-5">
    <div class="max-w-6xl mx-auto mt-3">
      <div class="grid grid-cols-3 gap-8 mx-auto" style="width: 500px;">
        <div>
          <h3 class="text-lg font-bold mb-6 hover:text-#ff6b84 cursor-pointer">追求卓越</h3>
        </div>
        <div>
          <h3 class="text-lg font-bold mb-6 hover:text-#ff6b84 cursor-pointer">积极创新</h3>
        </div>
        <div>
          <h3 class="text-lg font-bold mb-6 hover:text-#ff6b84 cursor-pointer">合作共赢</h3>
        </div>
        <!--div>
          <h3 class="text-lg font-bold mb-6 hover:text-#ff6b84 cursor-pointer">帮助文档</h3>
        </div-->
      </div>
      <div class="pt-6 pb-6 border-t border-gray-900 linkc">
        <a href="http://beian.miit.gov.cn/" target="_blank" class="text-center text-sm text-gray-400 hover:text-#FFF">备案号 桂ICP备14002690号-7 © 2025 </a>
      </div>
    </div>
  </footer>
</template>

<script>
export default {
  name: "Footer",
  data() {
    return {
      config: require("@/config"),
      guideArr: [
        // 导航链接
        ["购物指南", "购物流程", "会员介绍", "生活旅行", "常见问题"],
        ["配送方式", "上门自提", "配送查询", "收取标准", "物流规则"],
        ["支付方式", "在线支付", "公司转账", "余额支付", "积分支付"],
        ["售后服务", "售后政策", "退款说明", "返修/退货", "取消订单"],
      ],
      moreLink: ["关于我们", "联系我们", "联系客服", "商家帮助", "隐私政策"], // 更多链接
      year: new Date().getFullYear(), // 当前年份
    };
  },
  methods: {
    goArticle() {
      // 跳转文章页
      let routeUrl = this.$router.resolve({
        path: "/article",
      });
      window.open(routeUrl.href, "_blank");
    },
  },
};
</script>

<style scoped lang="scss">
  footer div {
    text-align: center;

    .linkc {
      border-top: 1px solid #333;
    }

    .linkc a:hover {
      color: #eee;
    }
  }
</style>
